<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>这是一个demo网页</title>
    <link rel="stylesheet" type="text/css" href="./css/initial.css">
    <link href="Favicon.ico" rel="shortcut icon">
    <style>
        a,b,i,p,h1,code {color: black;font-size:1.5em;}
    </style>
</head>
<body>
<div id="background" style="background-color: darkgray">
    <h1 >标题</h1>
    <p >这是一个段落</p><hr>
    <a href="http://www.baidu.com" target="_blank">这是一个链接--百度</a><br/><br/>
    <a href="http://www.baidu.com" target="_blank"><img src="https://ss2.baidu.com/6ONYsjip0QIZ8tyhnq/it/u=74605667,1922986484&fm=58" ></a>
    <b>这是一个图片链接</b>
    <i>这是一行斜体</i>
    <code>这是个电脑输出字体</code><br>
    这是<sub>下标</sub>和<sup>上标</sup>
</div><br>
<div>
    <table border="5" cellpadding="5" cellspacing="5">
        <tr>
            <th>id</th>
            <th>name</th>
            <th>age</th>
        </tr>
        <tr>
            <td>111</td>
            <td>222</td>
            <td>333</td>
        </tr>
    </table>
</div>

<div>
    <ul>
        <li>111</li>
        <li>222</li>
        <li>333</li>
    </ul>
    <ol>
        <li>111</li>
        <li>222</li>
        <li>333</li>
    </ol>
</div>

<div>
    <form name="form1" action="" method="get">
        账号:<input type="text" name="user"><br><br>
        密码:<input type="password" name="pwd"><br>
        <input type="button" value="提交" style="margin-left: 150px;margin-top: 30px">
    </form>
</div><br><br><br><br>

<div>
    <h3 style = "color: #000;" >从这里是CSS测试代码</h3>
    <div style="width: 200px;height: 50px;background-color: #aaffaa ; font-size: 40px;padding: 20px;">11111</div>
    <div style="width: 100%;height: 500px;background-color: darkgrey">
        <span style="text-align: center;margin-left: 50px">22222</span>
        <span style="margin-left: 80px">3333</span>
        <div style="margin-left: 80px;display: inline">44444</div>
        <img src="./images/some.jpg" width="400px" height="500px" style="float: left;">
    </div>
</div>

</body>
</html>